<div class="tool-bar">
  <div class="department-bar">
    <span><B>分公司：</B><select><option value ="volvo">乌江</option></select><B>电站：</B><select><option value ="volvo">东风</option></select><B> 机组：</B><select><option value ="volvo">#1</option></select></span>
  </div>
  <div>
    <button class="btn btn-sm btn-default btn-back" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
  </div>
  <div class="search-bar">
    <app-time-control-search></app-time-control-search>
  </div>
</div>

<div class="main-body">
      <div class="left">
        <h2>稳定性趋势分析</h2>
        <app-chart-complex (display)="getData()"></app-chart-complex>
      </div>
    <div class="right">
        <div  class ="item">
        <span>参数：</span>
        <select >
          <option >振动</option>
          <option >水头</option>
          <option >时间</option>
          <option *ngFor="let p of ps" value="para">{{p}}</option>
        </select>
        <span>测点：</span>
        <select >
          <option >测点1</option>
          <option >测点2</option>
        </select>
        </div>
        <div  class="threedigrams">
        <app-chart-three-diagram [data1]="data1"  [data2]="data2" [data3]="data3" [title1]="title1"  [title2]="title2" [title3]="title3"></app-chart-three-diagram>
        </div>
    </div>
</div>
